<template>
	<!-- 筛选条件 -->
	<ve-content>
		<ve-filtrate
			ref="queryForm"
			:advanced="true"
			:filtrates="queryForm"
			@submit="onQueryForm"
			:search-loading="searchLoading"
		/>
		<!-- 添加标签 -->
		<ve-operation>
			<el-button type="primary" @click="onAddTag" v-permiss-code="'rc/tag/list-add'">添加标签</el-button>
		</ve-operation>
		<!-- 显示表格 -->
		<div v-loading="searchLoading">
			<table-data
				:table-data="tableData"
				@on-view-detail="onViewDetail"
				on-or-start="onOrStart"
				:page="pagination"
				@changes-list-page="changesListPage"
				@change-item-state="changeItemState"
				@open-change-item-state="openChangeItemState"
			/>
		</div>

		<!-- 查看或者编辑的弹窗 -->
		<dialog-item
			:dialog-visible="dialogFlag"
			v-if="dialogFlag"
			:id="tableDataItemIndex"
			@hand-close-show-detail-dialog="closeDetail"
		/>
	</ve-content>
</template>
<script src='./main.mjs'></script>
